<div class="app-content-body ">

  <div class="bg-light lter b-b wrapper-md hidden-print">
    <h1 class="m-n font-thin h3">投资合约管理</h1>
  </div>
  <div>
    <div class="crud-container crud-reset">
        <div class="row">
            <div class="col-md-8 col-lg-9 col-sm-7 col-xs-7">
                <div class="crud-buttons">
                    <a dx-toggle="button" dx-options='{"type": "normal"}'>新增合约</a>
                    <div dx-toggle="button" dx-options='{"type": "danger"}'>终止合约</div>
                </div>
            </div>
            <div class="col-md-4 col-lg-3 col-sm-5 col-xs-5">
              <div class="input-group">
	            <input type="text" class="input-sm form-control" placeholder="Search">
	            <span class="input-group-btn">
	              <button class="btn btn-sm btn-default" type="button">搜索</button>
	            </span>
	          </div>
           </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="data_list"></div>
            </div>
        </div>
    </div>
  </div>
</div>
<script>
$(function(){
	$("#products-simple").dxSelectBox({
        items: {}
   });
   
    var now = new Date()
    $("#date,#dates").dxDateBox({
        type: "date",
        value: now
    });
    
    $(".crud-container").crud({
      url: API("members"),
	
      columns: [{
        dataField: 'id',
        caption: '会员姓名'
      },{
        dataField: 'id',
        caption: '手机号'
      },{
        dataField: 'id',
        caption: '当前投资数量'
      },{
      	dataField: 'id',
        caption: '累计投资分红'
      },{
        dataField: 'id',
        caption: '上次更改时间'
      },{
        dataField: 'id',
        caption: '上次更改时间'
      },{
      	 caption: '操作',
	       buttons: [{
	          title: '查看记录'
	        }]
      }]
    });
})
</script>